<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>微圈评论</title>
    <script src="/jquery/jquery-3.2.1.min.js"></script>
    <script src="/layui/layui.js"></script>
    <link rel="stylesheet" href="/layui/css/layui.css">
    <link rel="stylesheet" href="/css/comment/productComment/product-comment-list.css">
</head>
<body>
<div class="layui-row box">
    <div class="layui-col-md12">
        <!--用户列表-->
        <div class="list">
            <div class="list-left layui-col-md8">
                <div class="list-left-left"></div>
                <p class="list-left-right">微圈评论列表</p>
            </div>
            <div class="list-right layui-col-md4">
                <div class="functionButton">
                    <div class="list-right-left layui-btn layui-icon layui-icon-refresh" id="refresh">&nbsp;刷新</div>
                    <div class="list-right-right layui-btn layui-icon layui-icon-left" id="goBack">&nbsp;返回</div>
                </div>
            </div>
        </div>
    </div>
    <!-- 用户类型评论类型 -->
    <div class="layui-row type">
        <div class="layui-col-md11 userType">
            <div class="layui-card">
                <div class="layui-card-header">
                    <i class="layui-icon">&#xe66f;</i> 用户类型
                </div>
                <div class="layui-card-body">
                    <div>
                        <button class="layui-btn layui-btn-lg btn_style btn_default" id="users">前端用户</button>
                        <button class="layui-btn layui-btn-lg btn_style" id="manager">管理人员</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-col-md11 commentType">
            <div class="layui-card">
                <div class="layui-card-header">
                    <i class="layui-icon">&#xe63c;</i> 评论类型
                </div>
                <div class="layui-card-body">
                    <div>
                        <button class="layui-btn layui-btn-lg btn_style btn_default" id="allComment">全部评论(<span id="allCommentNum"></span>)</button>
                        <button class="layui-btn layui-btn-lg btn_style" id="normalComment">正常(<span id="normalCommentNum"></span>)</button>
                        <button class="layui-btn layui-btn-lg btn_style" id="interceptComment">已拦截(<span id="interceptCommentNum"></span>)</button>
                        <button class="layui-btn layui-btn-lg btn_style" id="deleteComment">已删除(<span id="deleteCommentNum"></span>)</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 评论次数&评论人数 -->
    <div class="layui-row count">
        <div class="layui-col-md11">
            <div class="layui-card headerCenter">
                <div class="layui-card-body">
                    <table style="float: left;">
                        <tr style="background-color: #FAFAFA;">
                            <td>历史评论次数</td>
                        </tr>
                        <tr>
                            <td id="historyCount"></td>
                        </tr>
                    </table>
                    <table style="float: left;">
                        <tr style="background-color: #FAFAFA;">
                            <td>历史评论人数</td>
                        </tr>
                        <tr>
                            <td id="historyPeople"></td>
                        </tr>
                    </table>
                    <table style="float: left;">
                        <tr style="background-color: #FAFAFA;">
                            <td>今日评论次数</td>
                        </tr>
                        <tr>
                            <td id="todayCount"></td>
                        </tr>
                    </table>
                    <table style="float: left;">
                        <tr style="background-color: #FAFAFA;">
                            <td>今日评论人数</td>
                        </tr>
                        <tr>
                            <td id="todayPeople"></td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <div class="layui-col-md12">
        <!--数据列表-->
        <div class="record" style="padding: 0 10px 0 10px;height: 100%">
            <!--表-->
            <table id="demoTable" lay-filter="demoTable"></table>
        </div>
        <!--表头样式-->
        <div id="button_ids" style="display: none;">
            <i class="layui-icon layui-icon-align-left"></i> 数据列表
        </div>
    </div>
</div>
</body>
<script src="/js/comment/microcircleComment/microcircle-comment-list.js"></script>
</html>